﻿
<html xmlns="http://www.w3.org/1999/xhtml">
<!--  <!DOCTYPE html>-->
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>旅游地图</title>
<!--  <link href="main.css" rel="stylesheet" type="text/css" />-->
<style type="text/css">
INPUT {
	BORDER: #cecece 1px solid;
	height: 25px;
	line-height: 25px;
	border-radius: 5px;
	padding: 0 8px;
	margin: 5px 0;
}

INPUT:hover {
	BORDER: #f60 1px solid;
}
.INPUT1 {
	BORDER: #cecece 1px solid;
	height: 25px;
	width:340px;
	line-height: 25px;
	border-radius: 5px;
	padding: 0 5px;
	margin: 5px 0;
}

.INPUT1:hover {
	BORDER: #f60 1px solid;
}
</style>
<script type="text/javascript">
	function setMapDiv(VWidth, VHeight) {
		var viewDiv = document.getElementById("viewDiv");
		var myDiv = document.getElementById("map_canvas");
		//viewDiv.style.width = VWidth;
		//viewDiv.style.height = VHeight;
		//myDiv.style.width = VWidth;
		//myDiv.style.height = VHeight-30;
	}
</script>
<script
	src="http://maps.google.com/maps/api/js?sensor=false&libraries=places"
	type="text/javascript"></script>
	    <script type="text/javascript" src="js/jQuery.js"></script>  
   <!--   <script type="text/javascript" src="/js/json.js"></script> -->
<script type="text/javascript" src="js/toLatLng.js"></script>
<script type="text/javascript" src="js/distance.js"></script>
<script type="text/javascript" src="js/searchRoad.js"></script>
<script type="text/javascript" src="js/scenic.js"></script>
<script type="text/javascript" src="js/checkPosition.js"></script>

</head>
<body id="viewDiv">
<div id="scenics"></div>
	<div>
		<div id="searchId" style="display:none">
			<!-- class='searchDiv' -->
			<input id="address" class="INPUT1" type="textbox" value="" />
			<input class="INPUT1" type="button" value=" 解 析 " id="go" onclick="codeAddress();" />
		</div>
		<div id="tools" style="display:none;">
			<!--  	<input type="button" id="showMarker" value="隐藏景点" onclick="markerFun();"/> 
		
					<input type="button" id="ceJu" value="测距" onclick="ceJu();" /> 
					<input type="button" id="ceJu" value="地位" onclick="" />
					 <input id="cancelDiv" type="button" onclick="addPoint();" value="公路导航" /> 
		 	-->
			<strong>选择交通工具: </strong> <select id="mode"
				onchange="calcRoute();">
				<option value="DRIVING">驾车</option>
				<option value="WALKING">步行</option>
				<option value="BICYCLING">单车</option>
				<option value="TRANSIT">公车</option>
			</select>
		</div>
		<!--  <div id="mapLoading">
			<img src="images/MapLoading.gif" /><span>地图加载中。。。</span>
		</div>
		-->
		<div id="map_canvas" style="width:340px;height:570px;"></div>
		
	</div>
</body>
</html>
